<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reg-login.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3669174_gr64g05pmel.css">
    <!-- <link rel="icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon" /> -->
</head>
<body>
    <div class="layout">
        <div class="slider-layout">
           
        </div>
        <div class="main-layout">
            <div class="header-layout">
                <!-- 左边图标 -->
                <div class="little-title">
                    <span class="iconfont icon-icon-xiaomiguishu"></span>
                    <span class="mall">小米商城</span>
                </div>
                <!-- 右边导航 -->
                <div class="nav-layout">
                    <li>
                        <a href="">用户协议</a>
                    </li>
                    <li>
                        <a href="">隐私政策</a>
                    </li>
                    <li class="border0">
                        <a href="">帮助中心</a>
                    </li>
                    <li>
                        <a href="">中文（简体）</a>
                    </li>
                </div>
            </div>

            <!-- 登陆卡 -->
           
            <div class="content-layout">
                <div class="login">
                    <div class="mask">
                        <!-- 头部 -->
                        <div class="caption">
                            <div class="login-btn line-show">
                                登录
                            </div>
                            <div class="reg-btn">
                                注册
                            </div>
                        </div>
                        <!-- 登录内容 -->
                        <div class="login-content">
                            <input type="text" class="username" placeholder="手机号"><br>
                            <span class="phoneLog"></span><br>
                            <input type="text" class="password" placeholder="密码"><br>
                            <span class="secretLog"></span><br>
                            <button class="btn2" disabled>登录</button>
                            
                        </div>
                        <!-- 注册内容 -->
                        <div class="reg-content">
                            <input type="text" class="username1" placeholder="手机号"><br>
                            <span class="phoneVer"></span>
                            <input type="text" class="password1" placeholder="密码"><br>
                            <span class="secretVer"></span>
                            <button class="btn1" disabled>注册</button>
                        </div>
                    </div>
                </div>
                
            </div>
                
        </div>
        <div class="slider-verify">
            <div class="box">
                <div class="random"></div>
                <!-- follow要盖住random，写在下面 -->
                <div class="follow"></div>
                <div class="cover">验证成功！您只用了<span></span>秒</div>
                <div class="slider">右滑验证</div>
            </div>
            
        </div>
    </div>

    <script src="../js/jq.js"></script>
    <script src="../js/api.js"></script>
    <script src="../js/reg-login.js"></script>
    
</body>
</html>